<script src="./axios.js"></script>

<script>
// 目标: 获取所有省市区数据, 随便获取
// // 1. 获取所有省份列表
// axios.get('http://ajax-api.itheima.net/api/province').then(res => {
//     // 2. 获取某个省, 对应的城市列表
//     let pname = res.data.data[5];
//     axios.get(`http://ajax-api.itheima.net/api/city?pname=${pname}`).then(res => {
//         // 3. 获取某个市, 对应的地区列表
//         let cname = res.data.data[0]
//         axios.get(`http://ajax-api.itheima.net/api/area?pname=${pname}&cname=${cname}`).then(res => {
//             console.log(res);
//         })
//     })
// })

let pname = ''
axios.get('http://ajax-api.itheima.net/api/province').then(res => {
    // 获取某个省, 对应的城市列表
    pname = res.data.data[5];
    // console.log(pname)
    // return 新的promise
    return axios.get(`http://ajax-api.itheima.net/api/city?pname=${pname}`)
}).then(res => {
    let cname = res.data.data[0]
    // console.log(cname)
    return axios.get(`http://ajax-api.itheima.net/api/area?pname=${pname}&cname=${cname}`)
}).then(res => {
    return res.data.data
}).then(area => {
    console.log(area)
}).catch(err => {
    console.log('这里有错误', err)
})
// 上面的代码就出现了回调地狱
// 概念: 在回调函数内, 再嵌套回调函数, 一直嵌套下去形成了回调地狱
// axios.get() 的返回值是 类型？
</script>